<template>
  <div class="about">
    <el-tabs v-model="activeName">
      <el-tab-pane
        v-for="item in tabList"
        :key="item.name"
        :label="item.name"
        :name="item.title"
      >
        <div class="tab-item" v-if="activeName == 'echarts'">
          <echarts-vue></echarts-vue>
        </div>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import echartsVue from "@/components/echartsVue.vue";
export default {
  components: {
    echartsVue,
  },
  data: function () {
    return {
      activeName: "element",
      tabList: [
        { name: "echarts", title: "echarts" },
        { name: "element", title: "element" },
      ],
    };
  },
};
</script>

<style>
</style>